/*2.顶部搜索栏*/
/*最外层div高度100px*/
.searchnav{
    height: 100px;
}

/*
设置左侧logo样式
左浮动, 宽高,背景色,内边距,盒模型,上外边距

*/
.searchnav-log{
    float: left;
    width: 55px;
    height: 55px;
    background-color: #ff6700;
    padding: 3px;
    box-sizing: border-box;
    margin-top: 21px;
}

/*设置 search-tab 样式
  左浮动 高度 左外边距
*/
.search-tab{
    float: left;
    height: 100px;
    margin-left: 180px;
}

/*设置一堆标签的样式*/
.search-tab a{
    float: left;
    font-size: 16px;
    margin: 0px 10px;
    line-height: 100px;
}

/*设置右侧搜索框*/
.searchnav-search{
    float: right;
    margin-top: 25px;
    width: 296px;
    height: 50px;
    border: 1px solid #e0e0e0;
}
/*设置左侧input输入框样式*/
.searchnav-search input{
    float: left;
    width: 244px;
    height: 100%;
    box-sizing: border-box;
    border: 0px;
    border-right: 1px solid #e0e0e0;
}
/*设置右侧按钮的样式*/
.searchnav-search button{
    float: left;
    width: 52px;
    height: 100%;
    box-sizing: border-box;
    background-image: url("../img/search_icon.png");
    background-position: center;
    background-repeat: no-repeat;
    background-color: white;
    border: 0px;
}

/*设置热词样式 */
.searchnav-search-hotkeys{
    position: absolute;
    top: 44%;
    right: 59px;
    height: 18px;
    line-height: 18px;
}
/*设置热词效果*/
.searchnav-search-hotkeys span{
    background-color: #e0e0e0;
}
